﻿/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 0em 0em 0em;
    margin: 0 0 1.5em 0;
    width: 90%;
    font-family: Verdana;
    border: 2px solid #039603;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px; 
    padding   
}

legend {
    font-size: 1em;
    font-weight: bold;
    font-family: 'Press start 2p', cursive;
    font-smooth: auto;
    color: #000;
    text-shadow: 1px 1px 1px #039603;
    
}



/* TABLE STYLING */
table { margin: 0em 0 0em 0em; width: 100%; }

tr {padding: 2px 0; border-bottom: 1px solid #039603; }

td { padding: 0 2px; font-size: 0.8em; font-family: 'Verdana', Sans-Serif; }

td a { font-weight: bold; width:auto; }

th {
     font-size: 0.9em;
    font-weight: bold;
    font-family: 'Helvetica', sans-serif;
    font-smooth: auto;
    color: #000;
    
    text-shadow: 1px 1px 1px #039603;
    text-align: left;
    border-bottom: 2px solid #039603;
    padding-bottom: 0.5em;
    color: Black;
    }

#usertable {width: 80%; 
            background-color: rgb(240, 240, 240);
            border-radius: 10px 10px 10px 10px;
            box-shadow: 20px 20px 28px rgb(0, 128, 0);
            border: 3px solid rgb(240, 240, 240);
            margin: 2em 0 2em 2em;
            }

/*Levels*/

#bonuscoin  {width: 20%;height:20%;}
.statuspicture { height: 30%; width: 30%; }
.assignmentType {width: 10%; font-weight:bold; border-right:1px solid green;}
.assignmentTitle { width: 40%;}
.assignmentPoints {width: 20%;margin-right:10%;}
.assignmentBonuspoints {width:10%;}
.assignmentPos { width:20%;padding-left:10%;}
.toggleIcon {color:#000;font-family:'Press start 2P';font-weight:bold;}

.backbutton
{
    margin-top: 1em;
    font-size: 0.8em;    
    background:#039603; color:#fff;
    cursor:pointer;; 
    padding:5px 10px;   
    -moz-border-radius:4px;
    -webkit-border-radius:4px   
}

/* TEACHER PANEL STYLING */

.teacherPanel
{
    margin-left:-30%;
    list-style:none;
    display:block;
    font-size: 0.6em;   
    font-family: 'Verdana'; 
}

.teacherPanel li
{
    border: 1px solid gray;
    margin: 1em 0 1em 0;
    font-weight:bold;
    text-align:center;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;     
}

.teacherPanel li:hover 
{
     border: 1px solid green;
     box-shadow: 2px 2px 5px #008000;
}

/* LEVEL CONTROL PANEL STYLING */

.teacherLevelOptions
{
    
    list-style:none;
    display:block;
    float:right;
    font-size: 0.6em;   
    font-family: 'Verdana'; 
    line-height:1em;
}

.teacherLevelOptions li
{
    display:inline;
    border: 1px solid gray;
    margin: 1em 0 1em 0;
    font-weight:bold;
    text-align:right;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;     
}

.teacherLevelOptions li:hover 
{
     border: 1px solid green;
     box-shadow: 2px 2px 5px #008000;
}


.ratebutton { 
    background: -moz-linear-gradient(-90deg, #00D600, #008000);
    background: -webkit-gradient(linear, left top, left bottom, from(#00D600), to(#008000));
     color:#fff;
    cursor:pointer; 
    padding:5px 10px; 
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    font-size: 0.7em;
    
} 

.ratebutton:hover 
{ 
    box-shadow: inset 1px 1px 8px #FFF;   
} 

/* VALIDATION ERROR NOTIFICATION */


.validation-message {font-size: 0.6em; color: Red; }

.field-validation-error {font-size: 0.6em; color: Red; }

